<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>

<head>
    <title>登录</title>
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">

</head>


<body style=" background-image: url(image/5.jpg); background-size: cover; background-attachment: fixed">
<script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>


<div style="width: 365px;margin: 200px auto 0; overflow: hidden; font-size: 30px; font-weight: bolder">
    <i class="layui-icon layui-icon-group" style="font-size: 30px; color: #5FB878;"></i>
    <font color="white">欢迎使用健康打卡-注册</font>
</div>


    <div style="width: 420px;height: 500px;margin: 30px auto 0;border-radius: 5px;box-shadow: 0 0 5px rgba(0,0,0,.5);background-color:white;overflow: hidden ">

        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief" style="margin: 20px auto">

            <ul class="layui-tab-title" style="margin: 0 90px">
                <li class="layui-this" style="font-size: 20px;font-weight: bolder">学生注册</li>
                <li style="font-size: 20px;font-weight: bolder;margin: 0 0 0 20px">教师注册</li>
            </ul>

            <div class="layui-tab-content" style="height: 300px">

                <div class="layui-tab-item layui-show">
                    <form class="layui-form" action="StuRegisterServlet" method="post">

                        <label class="layui-form-label" style="margin: 0 0 0 48px; width: 28px">班级</label>
                        <div style="margin: 30px 0 0 106px; width: 250px">
                            <select name="class" lay-verify="required">
                                <option value=""></option>
                                <option value="软件2001班">软件2001班</option>
                                <option value="软件2002班">软件2002班</option>
                                <option value="软件2003班">软件2003班</option>
                                <option value="软件2004班">软件2004班</option>
                            </select>
                        </div>

                        <label class="layui-form-label" style="margin: 30px 0 0 48px; width: 28px">学号</label>
                        <div style="margin: 30px auto; width: 300px">
                            <input type="text" name="id" placeholder="请输入学号" class="layui-input" style="width: 250px">
                        </div>

                        <label class="layui-form-label" style="margin: 0 0 0 48px; width: 28px">姓名</label>
                        <div style="margin: 30px auto; width: 300px">
                            <input type="text" name="name" placeholder="请输入姓名" class="layui-input" style="width: 250px">
                        </div>

                        <label class="layui-form-label" style="margin: 0 0 0 48px; width: 28px">密码</label>
                        <div style="margin: 30px auto; width: 300px">
                            <input type="password" name="password" placeholder="请输入密码" class="layui-input" style="width: 250px">
                        </div>


                        <div style="margin: 60px auto; width: 250px;height: 44px;background-color: white">
                            <button type="submit" class="layui-btn layui-btn-lg" style="background-color: #5FB878;width: 118px" >注册</button>
                            <button type="reset" class="layui-btn layui-btn-lg " style="background-color: grey;width: 118px" >重置</button>
                        </div>

                    </form>
                </div>

                <div class="layui-tab-item">
                    <form class="layui-form" action="TeaRegisterServlet" method="post">

                        <label class="layui-form-label" style="margin: 0 0 0 48px; width: 28px">班级</label>
                        <div style="margin: 30px 0 0 106px; width: 250px">
                            <select name="class" lay-verify="required">
                                <option value=""></option>
                                <option value="软件2001班">软件2001班</option>
                                <option value="软件2002班">软件2002班</option>
                                <option value="软件2003班">软件2003班</option>
                                <option value="软件2004班">软件2004班</option>
                            </select>
                        </div>

                        <label class="layui-form-label" style="margin: 30px 0 0 48px; width: 28px">工号</label>
                        <div style="margin: 30px auto; width: 300px">
                            <input type="text" name="id" placeholder="请输入工号" class="layui-input" style="width: 250px">
                        </div>

                        <label class="layui-form-label" style="margin: 0 0 0 48px; width: 28px">姓名</label>
                        <div style="margin: 30px auto; width: 300px">
                            <input type="text" name="name" placeholder="请输入姓名" class="layui-input" style="width: 250px">
                        </div>

                        <label class="layui-form-label" style="margin: 0 0 0 48px; width: 28px">密码</label>
                        <div style="margin: 30px auto; width: 300px">
                            <input type="password" name="password" placeholder="请输入密码" class="layui-input" style="width: 250px">
                        </div>


                        <div style="margin: 60px auto; width: 250px;height: 44px;background-color: white">
                            <button type="submit" class="layui-btn layui-btn-lg" style="background-color: #5FB878;width: 118px" >注册</button>
                            <button type="reset" class="layui-btn layui-btn-lg " style="background-color: grey;width: 118px" >重置</button>
                        </div>

                    </form>
                </div>

            </div>

        </div>

    </div>



</body>
</html>